<!doctype html>
<html lang="zh-CN">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
        <meta name="renderer" content="webkit" />
	    <meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no,width=device-width,height=device-height">
        <title>首页</title>
        <link href="favicon.ico" rel="shortcut icon">
        <link rel="stylesheet" href="css/common/swiper.css">
        <link rel="stylesheet" href="css/common/base.css">
        <link rel="stylesheet" href="css/common/animation.css">
        <link rel="stylesheet" href="css/common/media.css">
        <link rel="stylesheet" href="css/index.css">
        <link rel="stylesheet" href="css/indexMedia.css">
    </head>
    <body>
        <div class="container">
            <header class="ready">
                <nav class="flex flex-align-items pc">
                    <a href="index.html" class="logo">
                        <img src="img/common/logo.png" alt="logo">
                        <img src="img/common/logoC.png" class="c" alt="logo">
                    </a>
                    <ul class="menu flex">
                        <li>
                            <div class="sonMenu">
                                <div class="contn flex flex-justify-content">
                                    <a href="cateInfo.html">
                                        <p class="pic">
                                            <img src="img/common/son1.jpg" class="obj-c" alt="类别图">
                                        </p>
                                        <span>住宅</span>
                                    </a>
                                    <a href="cateInfo.html">
                                        <p class="pic">
                                            <img src="img/common/son2.jpg" class="obj-c" alt="类别图">
                                        </p>
                                        <span>商业广告</span>
                                    </a>
                                    <a href="cateInfo.html">
                                        <p class="pic">
                                            <img src="img/common/son3.jpg" class="obj-c" alt="类别图">
                                        </p>
                                        <span>医疗类</span>
                                    </a>
                                </div>
                            </div>
                            <p class="triangle"></p>
                            <a href="javascript:;" class="default">解决方案</a>
                        </li>
                        <li><a href="about.html">关于我们</a></li>
                        <li><a href="works.html">作品集</a></li>
                        <li><a href="news.html">新闻</a></li>
                        <li><a href="contact.html">联系我们</a></li>
                    </ul>
                </nav>
                <nav class="mobile cursor">
                    <div class="head flex flex-align-items">
                        <a href="index.html" class="logo"><img src="img/common/logoC.png" alt="logo"></a>
                        <div class="menuBtn">
                            <span></span>
                        </div>
                    </div>
                    <div class="box flex">
                        <div class="mid">
                            <ul>
                                <li><a href="index.html">首页</a></li>
                                <li>
                                    <a href="javascript:;" class="default">解决方案</a>
                                    <div class="sonMenu">
                                        <div class="contn">
                                            <a href="cateInfo.html">住宅</a>
                                            <a href="cateInfo.html">商业广告</a>
                                            <a href="cateInfo.html">医疗类</a>
                                        </div>
                                    </div>
                                </li>
                                <li><a href="about.html">关于我们</a></li>
                                <li><a href="works.html">作品集</a></li>
                                <li><a href="news.html">新闻</a></li>
                                <li><a href="contact.html">联系我们</a></li>
                            </ul>
                        </div>
                        <div class="footage">
                            <div class="link">
                                <a href="contact.html">联系我们</a>
                                <a href="about.html">关于我们</a>
                            </div>
                            <div class="txt">
                                <p>Copyright © 宁波穿石网络科技有限公司 All rights reserved</p>
                                <p>技术支持：穿石科技</p>
                            </div>
                        </div>
                    </div>
                </nav>
            </header>
            <main>
                <div class="letter ready">
                    <div class="box">
                        <span class="ver lft"></span>
                        <span class="skew lft"></span>
                        <span class="skew rht"></span>
                        <span class="ver rht"></span>
                    </div>
                </div>
                <div class="headSwiper">
                    <div class="palace pic">
                        <div class="flip flex">
                            <div class="picBox"><img src="img/index/slide1.jpg" class="obj-c" alt="轮播图"></div>
                            <div class="picBox"><img src="img/index/slide2.jpg" class="obj-c" alt="轮播图"></div>
                            <div class="picBox"><img src="img/index/slide3.jpg" class="obj-c" alt="轮播图"></div>
                        </div>
                    </div>
                    <div class="palace pic contrary">
                        <div class="flip flex flex-align-items">
                            <div class="picBox"><img src="img/index/cSlide1.jpg" class="obj-c" alt="轮播图"></div>
                            <div class="picBox"><img src="img/index/cSlide2.jpg" class="obj-c" alt="轮播图"></div>
                            <div class="picBox"><img src="img/index/cSlide3.jpg" class="obj-c" alt="轮播图"></div>
                        </div>
                    </div>
                    <div class="palace txt">
                        <div class="flip flex">
                            <p>新构想的新架构</p>
                            <p>奇思妙想的架构</p>
                            <p>新构想的新架构</p>
                        </div>
                    </div>
                    <img src="img/triangle2.png" class="triangle_2" alt="三角遮挡">
                    <div class="arrow">
                        <span></span>
                        <span></span>
                    </div>
                    <div class="scrollDown flex flex-align-items">
                        <p>向下滚动</p>
                        <i></i>
                        <span></span>
                    </div>
                </div>
                <div class="house c ready overself">
                    <div class='contn'>
                        <div class="picSwiper">
                            <img src="img/index/slide1.jpg" class="obj-c" alt="">
                            <img src="img/index/slide2.jpg" class="obj-c" alt="">
                            <img src="img/index/slide3.jpg" class="obj-c" alt="">
                        </div>
                        <div class="txt ready overHalf">
                            <a href="cateInfo.html" class="box flex flex-justify-content moreBox">
                                <p class="ttl">住宅</p>
                                <p class="t">适应您的世界和<br>
                                    您的生活方式的住宅建筑</p>
                                <p class="more"><span>查看更多</span></p>
                            </a>
                        </div>
                        <div class="txtBg ready overself"></div>
                        <div class="picSwiper">
                            <img src="img/index/cSlide1.jpg" class="obj-c" alt="">
                            <img src="img/index/cSlide2.jpg" class="obj-c" alt="">
                            <img src="img/index/cSlide3.jpg" class="obj-c" alt="">
                        </div>
                    </div>
                    <div class="footage">
                        <div class="mid">
                            <a href="cateInfo.html" class="content ready overHalf moreBox">
                                <p class="ttl">穿石公寓</p>
                                <p class='t'>旧金山Cow Hollow街区的一处扩大的当代家庭住宅可与各个层面 的户外活动连接。</p>
                                <p class="more"><span>查看更多</span></p>
                                <div class="scrollDown flex flex-align-items">
                                    <i></i>
                                    <span></span>
                                </div>
                            </a>
                        </div>
                    </div>
                    <img src="img/triangle2.png" class="triangle_2" alt="三角遮挡">
                </div>
                <div class="busns c ready overself">
                    <div class='contn'>
                        <div class="picSwiper">
                            <img src="img/index/slide2.jpg" class="obj-c" alt="">
                            <img src="img/index/slide3.jpg" class="obj-c" alt="">
                            <img src="img/index/slide4.jpg" class="obj-c" alt="">
                        </div>
                        <div class="txt ready overHalf">
                            <a href="cateInfo.html" class="box flex flex-justify-content moreBox">
                                <p class="ttl">商业类</p>
                                <p class="t">自定义架构可增强您的品牌并支持您的成功</p>
                                <p class="more"><span>查看更多</span></p>
                            </a>
                        </div>
                        <div class="txtBg ready overself"></div>
                        <div class="picSwiper">
                            <img src="img/index/cSlide2.jpg" class="obj-c" alt="">
                            <img src="img/index/cSlide3.jpg" class="obj-c" alt="">
                            <img src="img/index/cSlide4.jpg" class="obj-c" alt="">
                        </div>
                    </div>
                    <div class="footage">
                        <div class="mid">
                            <a href="cateInfo.html" class="content ready overHalf moreBox">
                                <p class="ttl">穿石公寓</p>
                                <p class='t'>旧金山Cow Hollow街区的一处扩大的当代家庭住宅可与各个层面 的户外活动连接。</p>
                                <p class="more"><span>查看更多</span></p>
                                <div class="scrollDown flex flex-align-items">
                                    <i></i>
                                    <span></span>
                                </div>
                            </a>
                        </div>
                    </div>
                    <img src="img/triangle2.png" class="triangle_2" alt="三角遮挡">
                </div>
                <div class="medical c ready overself">
                    <div class='contn'>
                        <div class="picSwiper">
                            <img src="img/index/slide3.jpg" class="obj-c" alt="">
                            <img src="img/index/slide4.jpg" class="obj-c" alt="">
                            <img src="img/index/slide1.jpg" class="obj-c" alt="">
                        </div>
                        <div class="txt ready overHalf">
                            <a href="cateInfo.html" class="box flex flex-justify-content moreBox">
                                <p class="ttl">医疗</p>
                                <p class="t">具有前瞻性的体系结构可实现具有前瞻性的医疗实践。</p>
                                <p class="more"><span>查看更多</span></p>
                            </a>
                        </div>
                        <div class="txtBg ready overself"></div>
                        <div class="picSwiper">
                            <img src="img/index/cSlide3.jpg" class="obj-c" alt="">
                            <img src="img/index/cSlide4.jpg" class="obj-c" alt="">
                            <img src="img/index/cSlide1.jpg" class="obj-c" alt="">
                        </div>
                    </div>
                    <div class="footage">
                        <p class="tip overHalf ready">独特的</p>
                        <div class="mid">
                            <a href="cateInfo.html" class="content ready overHalf moreBox">
                                <p class="ttl">穿石医疗</p>
                                <p class='t'>一种创新的医疗实践，其设计等于其重塑医疗保健的使命。</p>
                                <p class="more"><span>查看更多</span></p>
                                <div class="scrollDown flex flex-align-items">
                                    <i></i>
                                    <span></span>
                                </div>
                            </a>
                        </div>
                        <div class="inter ready overself">
                            <p class="num">50</p>
                            <span>全国咨询</span>
                        </div>
                    </div>
                </div>
                <div class="idea">
                    <div class="content ready">
                        <p class="ttl"><span>目的设计</span></p>
                        <p class="t">我们将建筑视为挑战，这是创造独特，定制化体验的机会。我们认为建筑既是科学又是艺术，始终是功能性的，并且始终是有意义的-但完全是</p>
                        <a href="about.html" class="moreBox">
                            <p class="more"><span>查看更多</span></p>
                        </a>
                    </div>
                </div>
                <div class="news">
                    <div class="arw ready overself"></div>
                    <div class="contn ready flex flex-align-items flex-justify-content">
                        <p class="name">新闻</p>
                        <div class="opacity flip">
                            <img src="img/index/oslide1.jpg" class="obj-c" alt="轮播图">
                            <img src="img/index/slide1.jpg" class="obj-c" alt="轮播图">
                            <img src="img/index/slide2.jpg" class="obj-c" alt="轮播图">
                        </div>
                        <div class="txt flip">
                            <div class="box">
                                <div class="item flex flex-j ustify-content">
                                    <a href="newsInfo.html" class="ttl">5种创新设计理念</a>
                                    <div class="category">
                                        分类：
                                        <a href="news_n2.html">商业</a>
                                        <a href="news_n3.html">医疗</a>
                                    </div>
                                    <p class="t">牙科诊所不仅是营业场所。这个空间代表您的实践。</p>
                                    <a href="news.html" class="moreBox">
                                        <p class="more"><span>查看更多</span></p>
                                    </a>
                                </div>
                                <div class="item flex flex-justify-content">
                                    <a href="newsInfo.html" class="ttl">5种创新设计理念使您的牙科诊所焕发光芒</a>
                                    <div class="category">
                                        分类：
                                        <a href="news_n1.html">住宅</a>
                                        <a href="news_n3.html">医疗</a>
                                    </div>
                                    <p class="t">牙科诊所不仅是营业场所。这个空间代表您的实践。您如何确保您的办公室说正确的话？牙科诊所不仅是营业场所。这个空间代表您的实践。您如何确保您的办公室说正确的话？</p>
                                    <a href="news.html" class="moreBox">
                                        <p class="more"><span>查看更多</span></p>
                                    </a>
                                </div>
                                <div class="item flex flex-justify-content">
                                    <a href="newsInfo.html" class="ttl">5种创新设计理念使您的牙科诊所焕发光芒</a>
                                    <div class="category">
                                        分类：
                                        <a href="news_n2.html">商业</a>
                                        <a href="news_n3.html">医疗</a>
                                    </div>
                                    <p class="t">牙科诊所不仅是营业场所。</p>
                                    <a href="news.html" class="moreBox">
                                        <p class="more"><span>查看更多</span></p>
                                    </a>
                                </div>
                            </div>
                            
                            <span class="hor tp"></span>
                            <span class="ver rht"></span>
                            <span class="hor btm"></span>
                            <span class="ver lft"></span>
                        </div>
                        <p class="btn prev"></p>
                        <p class="btn next"></p>
                    </div>
                    <a href="news.html" class="muchMore flex flex-align-items flex-justify-content"><span>更多</span></a>
                </div>
            </main>
            <footer>
                <a href="index.html"><img src="img/common/logoC.png" alt="logos"></a>
                <p>
                    <span>Copyright © 宁波穿石网络科技有限公司 All rights reserved</span>
                    <span>技术支持：穿石科技</span>
                </p>
            </footer>
        </div>
        <script src="js/common/swiper.js"></script>
        <script src="js/common/jquery.js"></script>
        <script src="js/common/common.js"></script>
        <script src="js/common/animation.js"></script>
        <script src="js/index.js"></script>
    </body>
</html>